#link,#services{margin-top:5px}#child-2,#child-3{font-family:Arial,Helvetica,sans-serif}#download-btn,#go-back-btn{border-radius:10px;color:#fff}.contact-title,.sub-title,.text-center{text-align:center}.overlay,.reveal,header{position:relative}

.background-container,header{
    overflow: hidden;
    height: 100vh;
	}


#back-to-top,#section-fix{position:fixed}#back-to-top,#btn-2,#btn-3,#section-2,.hr-3,.hr-4{background-color:#ff5e14}#back-to-top,#fixed-nav{transition:background-color .3s}#child-2{margin-bottom:25px;font-size:5vw;font-weight:bolder;margin-top:400px;text-transform:uppercase}.fa-facebook,.fa-pinterest,.fa-square-twitter,.fa-youtube{color:#ff6557;font-size:25px}#btn-1,#btn-2,#btn-3{text-transform:uppercase;border-radius:1px}#s3-s4,#section-1-fix{background-color:#f4ebe1}#btn-4,#section-3,.footer-white{background-color:#262626}#btn-3,#btn-4,#child-2,#child-3,#h6,#link-1,#slideshow-text .highlight,.fa-facebook:hover,.fa-pinterest:hover,.fa-square-twitter:hover,.fa-youtube:hover{color:#fff}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none!important}@media screen and (max-width:360px){#navbar-1{display:none}}#nav-env,#nav-house,#nav-ph{color:#fff;margin-right:10px}#btn-4:hover{background-color:#fff;color:#000;transition:.3s}body{font-family:Poppins,sans-serif;scroll-behavior:smooth}#btn-4,#c9001,#s3-p{margin-top:20px}#h6,iframe{margin-top:125px}#ks{margin-top:-50px;margin-left:-200px;font-weight:700;font-size:4vw;color:#b35769;margin-bottom:-50px}@media screen and (max-width:1760px){#ks{margin-left:-200px}}@media screen and (max-width:1680px){#ks{margin-left:-150px}}@media screen and (max-width:1600px){#ks{margin-left:-50px}}@media screen and (max-width:1366px){#ks{margin-left:-80px}}@media screen and (max-width:1024px){#ks{margin-left:25px}}#s3-p,#s3-p2{color:#aaa}.fa-facebook{margin-left:250px}#h1{margin-right:100px;margin-top:100px}#btn-4,#s3-p,.hr-2{margin-left:158px}#cx-m{margin:50px}.cx-text{color:#565656}#services{font-weight:1000;font-size:72px}#btn-4,#section-1-fix h1{font-weight:700}#btn-2:hover{color:green}#btn-3:hover,.fa-envelope,.fa-house,.fa-phone{color:#ff5e14}#section-2{margin-top:200px;height:200px}@media (max-width:1280px){#section-2{height:350px}}#btn-3{margin-left:1350px;margin-top:-80px}#btn-3:hover{background-color:#ebc9a4}@media screen and (max-width:768px){#h1{margin:0}#btn-3{margin-left:0;margin-top:20px}}@media screen and (max-width:1680px){#btn-3{margin-left:1250px}}@media screen and (max-width:1600px){#btn-3{margin-left:1100px}iframe{margin-top:100px}}@media screen and (max-width:1366px){#btn-3{margin:50px auto 0}}#s2-h1{margin-top:75px;margin-left:100px}#section-3{height:2000px}@media (orientation:portrait){#child-2,#child-3,#ks{font-size:xx-large}#section-2{height:350px}#section-3{height:3500px}}@media (min-width:768px) and (max-width:1024px){#section-3{height:1800px}}#s3-h1{margin-left:106px;padding-top:120px}.hr-2{width:4%}#btn-4{padding:20px}#s3-s4{height:100%}.hr-3{height:6px;width:10%;margin-left:0}#qp,.hr-4{margin-left:40px}.hr-4{height:2px;width:90%;margin-top:-2px}@media (orientation:portrait){#s3-h1{margin-left:0}#btn-4,#s3-p,.hr-2{margin-left:50px}.hr-4{margin-left:30px}#copyright{text-align:center}}@media (min-width:800px){#section-3{height:100%}.hr-4{margin-left:15px;width:92%}}@media (min-width:768px) and (max-width:1024px){.hr-4{margin-left:20px}}.social-icons{display:flex;justify-content:center;gap:20px;margin-top:20px}.social-icons a{color:#333;font-size:24px}.fa-facebook-f:hover{color:#0666ff}#fab-youtube,.fa-pinterest-p,.fa-twitter{color:#333}.fa-twitter:hover{color:#1ca1f1}#fab-youtube:hover{color:red}.fa-pinterest-p:hover{color:#b7081c}.reveal{transform:translateY(150px);transition:1s}.reveal.active,.showing,header:hover .background{transform:translateY(0)}.reveal.active{opacity:1}#project-img{width:500px;height:300px}@media (max-width:1152px){#navbar-1{display:none}}@media (max-width:1024px){#c9001{display:none}}#Our-story-h1{font-size:2vw}@media (orientation:portrait){#project-img{width:100%}iframe{width:300px;height:300px;margin-left:-15px}#c9001,#footer-br{display:none}#Our-story-h1{font-size:40px}#boss{margin-top:50px;height:500px}#qp{margin-left:55px}}#bg2{background:linear-gradient(270deg,#826f64,#d49373)}div.row{--bs-gutter-x:0rem}#delivering-quality{margin-top:50px!important}.from-to{text-transform:lowercase}#child-3,#download-btn,.link{text-transform:uppercase}#child-3{margin-top:-10px;font-size:5vw;font-weight:bolder;color:#fff}@media (min-width:1365px) and (max-width:1366px){iframe{margin-top:225px;width:6000px}}#go-back-btn{padding:10px;background-color:#333;border-color:#333}#go-back-btn:hover{border-color:#fff;transition:.3s}#download-btn{font-weight:900;background-color:#000;border:none;padding:.5rem 1rem;cursor:pointer;display:inline-block}#download-btn:hover{border:5px solid #000}#img-download-btn{height:30px;margin-bottom:10px}#section-1-fix{padding:5rem 0}iframe{width:90%;height:325px;margin-top:-2rem;margin-left:50px}.footer-white{width:100%;height:35%}#introductory{font-size:x-large}@media (orientation:landscape){#kslogo2{display:none}}@media (min-width:360px) and (max-width:1024px){#kslogo2{margin-right:100%}}#ks-left,#lead{text-align:left}.hr{height:2px;background-color:red;margin-top:10px;margin-bottom:10px;width:10%}@media (min-width:768px) and (max-width:1366px){.hr{margin-left:20px}}@media (orientation:portrait){iframe{margin-top:0;margin-left:0}.footer-white{color:red}#section-3{height:100%}#kslogo{display:none}.hr{margin:25px auto}}#nav-ks-img{width:80%}.contact-container{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;padding-left:50px;padding-right:50px;max-width:1200px;margin:0 auto;background-color:#f4ebe1}.contact-title{margin-top:50px;width:100%;font-weight:600;color:#fff;font-size:2rem;margin-bottom:10px}.sub-title{color:#fff;margin-bottom:30px}.contact-left{flex:1;min-width:300px;display:flex;flex-direction:column;gap:20px;color:#fff;align-items:center}.contact-left-title{text-align:start}#slideshow-text,.overlay{text-align:center;z-index:1}#contact-hr{border:none;width:120px;height:5px;background-color:#faa21a;border-radius:10px;margin-bottom:20px}.contact-inputs{width:100%;height:50px;padding-left:15px;font-weight:500;color:#666;border:2px solid transparent;border-radius:5px;outline:0;max-width:400px;transition:border-color .3s}.contact-inputs:hover{border-color:#faa21a}.contact-inputs:focus{border-color:#faa21a;outline:0}.contact-left textarea{height:120px;padding-left:15px;padding-top:10px}.contact-left button{padding:15px 30px;font-size:16px;color:#fff;background:linear-gradient(270deg,#faa21a,#fa6d86);border:none;border-radius:10px;cursor:pointer}.contact-left button img{height:15px;margin-left:10px}.map-right{flex:1;min-width:300px}#google-map{margin-top:50px;width:100%;height:400px;aspect-ratio:1/1;border:0;border-radius:10px}#back-to-top,.nav-arrow{color:#fff;border-radius:50%;cursor:pointer}@media screen and (max-width:900px){.contact-inputs{width:100%}#google-map{width:100%;height:400px}#s3-s4{height:25%}}@media screen and (max-width:768px){#s2-h1{margin-left:0}.contact-inputs,.map-right{width:100%}.contact-container{flex-direction:column;padding-left:20px;padding-right:20px}.map-right{margin-top:20px}#last-br{display:none}#google-map{margin-bottom:50px;margin-left:0}}@media screen and (max-width:576px){.contact-left button{width:100%}#google-map{width:100%;height:300px;margin-bottom:50px}#last-br{display:none}}header{display:flex;justify-content:center;align-items:center}header::before{content:"";position:absolute;width:100%;height:100%;background-color:#000;opacity:.1;z-index:0}#ks-1,#ks-2{color:#fff;margin-bottom:10px;font-family:myFont,sans-serif}#ks-1{font-size:3rem;font-family:Arial,Helvetica,sans-serif}#ks-2{font-size:1.5rem;font-weight:500}.background-container{position:absolute;width:100%;z-index:-1;top:0}.nav-arrow,.navbar-toggler{z-index:2;position:absolute}.background{position:absolute;width:100%;height:100vh;opacity:0;transition:opacity 1s ease-in-out,transform .5s ease-out;object-fit:cover}.showing{opacity:1}.nav-arrow{top:50%;transform:translateY(-50%);font-size:2rem;padding:10px;background:rgba(0,0,0,.5)}.left-arrow{left:20px}.right-arrow{right:20px}background-container .background{transform:translateY(-20%)}#slideshow-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Arial,sans-serif;font-size:3.5rem;color:#bab6b6;display:none;width:auto;white-space:nowrap}@media (max-width:768px){#ks-1{font-size:2.5rem}#ks-2,.nav-arrow{font-size:1.5rem}.nav-arrow{padding:8px}#slideshow-text{font-size:1.8rem}}#fixed-nav{background-color:transparent;font-weight:400;font-family:Arial,Helvetica,sans-serif}#fixed-nav.scrolled{background-color:rgba(0,0,0,.8)}#fixed-nav .nav-link{color:#fff;transition:color .3s,font-weight .3s}#fixed-nav .nav-link:hover{background-color:#fff;color:#000;font-weight:300;border-radius:10px}.navbar-toggler{top:10px;right:10px;padding:.4rem;background-color:#fff;border-radius:5px}.navbar-toggler-icon{width:30px;height:3px;background-color:#fff;position:relative}.navbar-toggler-icon::after,.navbar-toggler-icon::before{content:'';width:30px;height:3px;position:absolute;left:0}.navbar-toggler-icon::before{top:-10px}.navbar-toggler-icon::after{bottom:-10px}#ks-small,#ks-transparent{max-width:500px;height:auto;margin-right:10px}@media (max-width:1366px){#section-2{height:350px}#ks-transparent{width:400px}.navbar-nav .nav-link{padding:8px;font-size:.9rem}}@media (max-width:992px){#ks-small{display:block}#ks-transparent{width:350px}.navbar-toggler{top:10px;right:10px}.navbar-nav .nav-link{padding:10px;text-align:center;font-size:1rem}#br-hidden{display:none}}@media (max-width:576px){#slideshow-text{font-size:1.3rem}#ks-transparent{display:none}#ks-small{display:block;width:225px}.navbar-toggler{top:8px;right:8px;padding:.4rem}.navbar-nav .nav-link{padding:8px;font-size:.85rem}}@media (orientation:landscape) and (max-height:820px){#ks-small{display:none!important}#ks-transparent{display:block!important;width:450px}.navbar-toggler{top:5px;right:5px;padding:.3rem}}
#back-to-top{
    bottom:30px;right:30px;display:none;font-size:24px;padding:15px;z-index:1000}
    #back-to-top:hover{
        background-color:#f7c51e
    }

@media (max-width:768px){
    #back-to-top{
    bottom:20px;
    right:20px;
    }
}

@media (max-width:480px){
 #back-to-top{
    bottom:15px;
    right:15px
    }
}
                    
                    .g-recaptcha{width:100%;margin-left:10%}
#brandname {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 2rem; /* Default for large screens */
}

@media screen and (max-width: 1200px) {
    #brandname {
        font-size: 1.8rem; /* Slightly smaller for medium screens */
    }
}

@media screen and (max-width: 992px) {
    #brandname {
        font-size: 1.6rem; /* Medium screens like tablets */
    }
}

@media screen and (max-width: 768px) {
    #brandname {
        font-size: 1.4rem; /* Small screens like large smartphones */
    }
}

@media screen and (max-width: 576px) {
    #brandname {
        font-size: 1.2rem; /* Extra small screens */
    }
}

@media (orientation: landscape) and (max-width: 576px) {
    #brandname {
        font-size: 1.4rem; /* Adjust for landscape orientation on small screens */
    }
}

/* Navbar and Logo Styles */
#nav-logo-image {
    max-width: 550px; /* Default max width for larger screens */
    height: auto;
    margin-right: 10px;
    transition: width 0.3s ease;
}

@media screen and (max-width: 1368px) {
    #nav-logo-image {
        max-width: 480px; /* Slightly smaller for medium screens */
    }
}

/* Responsive styling for the navbar logo */
@media screen and (max-width: 1366px) {
    #nav-logo-image {
        max-width: 480px; /* Slightly smaller for medium screens */
    }
}

@media screen and (max-width: 1200px) {
    #nav-logo-image {
        max-width: 480px; /* Slightly smaller for medium screens */
    }
}

@media screen and (max-width: 992px) {
    #nav-logo-image {
        max-width: 480px; /* Even smaller for tablet-sized screens */
    }
}

@media screen and (max-width: 768px) {
    #nav-logo-image {
        max-width: 480px; /* Smaller on small screens */
    }
}

@media screen and (max-width: 576px) {
    #nav-logo-image {
        max-width: 280px; /* Further reduced size for smaller devices */
    }
}

@media (orientation: landscape) and (max-height: 820px) {
    #nav-logo-image {
        max-width: 50%; /* Ensures proper size in landscape mode */
    }
}